<template>
  <div class="font-styles-container">
    <slot></slot>
  </div>
</template>

<script setup>
// 这个组件主要用于提供全局字体样式
// 不需要额外的脚本逻辑
</script>

<style>
/* 全局字体样式 */
:root {
  --font-family-base: "KaiTi", "楷体", serif;
  --text-color-primary: #000000;
  --text-color-secondary: #333333;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
}

/* 应用默认字体样式 */
body, html {
  font-family: var(--font-family-base);
  color: var(--text-color-primary);
}

/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-color-primary);
}

/* 重要功能文本加粗 */
.important-feature {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-primary);
}

/* 按钮文本加粗 */
.el-button {
  font-family: var(--font-family-base);
}

.el-button--primary, 
.el-button--success, 
.el-button--warning, 
.el-button--danger {
  font-weight: var(--font-weight-bold);
}

/* 导航菜单项加粗 */
.el-menu-item.is-active {
  font-weight: var(--font-weight-bold);
}

/* 表格头部加粗 */
.el-table th {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-primary);
}

/* 表单标签加粗 */
.el-form-item__label {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-primary);
}

/* 对话框标题加粗 */
.el-dialog__title {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-primary);
}

/* 卡片标题加粗 */
.el-card__header {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-primary);
}

/* 标签加粗 */
.el-tag {
  font-family: var(--font-family-base);
}

/* 输入框文本 */
.el-input__inner {
  font-family: var(--font-family-base);
  color: var(--text-color-primary);
}

/* 下拉菜单 */
.el-dropdown-menu__item {
  font-family: var(--font-family-base);
  color: var(--text-color-primary);
}

/* 功能性文本加粗 */
.function-text {
  font-weight: var(--font-weight-bold);
}

/* 页面标题加粗 */
.page-title {
  font-weight: var(--font-weight-bold);
  font-size: 20px;
  margin-bottom: 20px;
}

/* 卡片标题加粗 */
.card-header h2,
.card-header h3 {
  font-weight: var(--font-weight-bold);
}
</style> 